/*  Less Framework 4 with 16/24 type presets
    http://lessframework.com
    by Joni Korpi
    License: http://opensource.org/licenses/mit-license.php */
/*  Resets
    ------  */
*{
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    outline:none;
}
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6,
p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em,
img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, hr,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figure, figcaption, hgroup,
menu, footer, header, nav, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
}
article, aside, canvas, figure, figure img, figcaption, hgroup,
footer, header, nav, section, audio, video {
    display: block;
}
a img {border: 0;}
a, a:hover, a:active, a:visited{text-decoration: none;}
/*去除iPhone下阴影*/
input[type="date"]{
    -webkit-appearance: none;
}
/*  Typography presets
    ------------------  */
.gigantic {
    font-size: 110px;
    line-height: 120px;
    letter-spacing: -2px;
}
.huge, h1 {
    font-size: 18px;
    line-height: 56px;
    letter-spacing: -1px;
    text-align: center;
    color: #EB6877;
}
h1:empty{
    line-height: 0;
    height: 0;
}
.large, h2 {
    font-size: 48px;
    line-height: 48px;
}
.bigger, h3 {
    font-size: 26px;
    line-height: 36px;
}
.big, h4 {
    font-size: 16px;
}
body {
    font: 13px/24px Helvetica;
}
.small, small {
    font-size: 12px;
    line-height: 12px;
}

/* Selection colours (easy to forget) */

::selection         {background: rgb(255,255,158);}
::-moz-selection    {background: rgb(255,255,158);}
img::selection      {background: transparent;}
img::-moz-selection {background: transparent;}
body {-webkit-tap-highlight-color: rgb(255,255,158);}
/*      Default Layout: 992px.
        Gutters: 24px.
        Outer margins: 48px.
        Leftover space for scrollbars @1024px: 32px.
-------------------------------------------------------------------------------
cols    1     2      3      4      5      6      7      8      9      10
px      68    160    252    344    436    528    620    712    804    896    */
body {
    /*width: 896px;
    padding: 72px 48px 84px;*/
    width: 100vw;
    height: 100vh;
    color: #333;
    -webkit-text-size-adjust: 100%; /* Stops Mobile Safari from auto-adjusting font-sizes */
}
/*      Tablet Layout: 768px.
        Gutters: 24px.
        Outer margins: 28px.
        Inherits styles from: Default Layout.
-----------------------------------------------------------------
cols    1     2      3      4      5      6      7      8
px      68    160    252    344    436    528    620    712    */
@media only screen and (min-width: 768px) and (max-width: 991px) {

    /*body {
        width: 712px;
        padding: 48px 28px 60px;
    }*/
}
/*      Mobile Layout: 320px.
        Gutters: 24px.
        Outer margins: 34px.
        Inherits styles from: Default Layout.
---------------------------------------------
cols    1     2      3
px      68    160    252    */

@media only screen and (max-width: 767px) {
    /*body {
        width: 252px;
        padding: 48px 34px 60px;
    }*/
}
/*      Wide Mobile Layout: 480px.
        Gutters: 24px.
        Outer margins: 22px.
        Inherits styles from: Default Layout, Mobile Layout.
------------------------------------------------------------
cols    1     2      3      4      5
px      68    160    252    344    436    */
@media only screen and (min-width: 480px) and (max-width: 767px) {
    /*body {
        width: 436px;
        padding: 36px 22px 48px;
    }*/
}
/*  Retina media query.
    Overrides styles for devices with a
    device-pixel-ratio of 2+, such as iPhone 4.
-----------------------------------------------    */
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
    /*body {
    }*/
}

/*框架*/
.linear-bg {
    background-image:-webkit-linear-gradient(#2D2C32, #383065);
    background-image:linear-gradient(#2D2C32, #383065);
    background-position: center;
    background-size: 100% auto;
    background-repeat: repeat-y;
}
.mycard-bg{background: #EFEFF4}

.one-screen{
    height: 100vh;
    /*支持微信*/
    display:-webkit-box;
    -webkit-box-orient:vertical;
    /**/
    display: flex;
    display: -webkit-flex;
    flex-direction:column;
    -webkit-flex-direction:column;
}
.red{
    color: #EA6373;
}
.white{
    color: #fff;
}
/*shadow*/
.shadow{
    -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 4px 0px;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 4px 0px;
}
.card{
    border-radius: 4px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 4px 0px;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 4px 0px;
    background-color: #fff;
    margin:9px 18px;
}
.invisible{
    display: inline-block;
    height: 1px;
    width: 1px;
    opacity: 0;
}
/*button*/
.yellow-btn{
    border: none;
    border-radius: 4px;
    line-height: 30px;
    height: 30px;
    padding: 0 10px;
    font-size: 13px;
    background-color: #FFD133;
    color: #44423F;
}
.red-btn{
    border: none;
    border-radius: 4px;
    line-height: 30px;
    height: 30px;
    padding: 0 10px;
    font-size: 13px;
    background-color: #E76A79;
    color: #FDF9FA;
}
.gray-btn{
    border: none;
    border-radius: 4px;
    line-height: 30px;
    height: 30px;
    padding: 0 10px;
    font-size: 13px;
    background-color: #DBDCDD;
    color: #C7C8C9;
}
.long-yellow-btn{
    border: none;
    border-radius: 4px;
    line-height: 40px;
    height: 40px;
    font-size: 16px;
    font-weight: bold;
    background-color: #FFD133;
    color: #44423F;
    max-width: 140px;
    padding: 0;
}
.long-red-btn{
    border: none;
    border-radius: 4px;
    line-height: 40px;
    height: 40px;
    font-size: 16px;
    font-weight: bold;
    background-color: #E76A79;
    color: #FDF9FA;
    max-width: 140px;
    padding: 0;
}
.long-line-btn{
    border: 1px solid #44423F;
    border-radius: 4px;
    line-height: 38px;
    height: 38px;
    font-size: 16px;
    background-color: #fff;
    padding:0;
    color: #44423F;
    max-width: 140px;
}
.big-btn{
    border: none;
    border-radius: 4px;
    line-height: 47px;
    height: 47px;
    padding: 0 30px;
    font-size: 16px;
    font-weight: bold;
    background-color: #FFD133;
    color: #44423F;
}

/*导航*/
header.index {
    width: 100vw;
    color:#fff;
    /*支持微信*/
    display:-webkit-box;
    -webkit-box-align:center;
    -webkit-box-pack:center;
    /**/
    display: flex;
    display: -webkit-flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
}

header.index section{
    /*支持微信*/
    -webkit-box-flex:1;
    /**/
    flex:auto;
    -webkit-flex:auto;
    padding: 0;
    margin: 0;
    font-size: 16px;
}
header.index img{
    height: 50px;
    width: 50px;
    border-radius: 999px;
    margin: 18px 8px 18px 18px;
    display: block;
}
header.index section:first-child{
    /*支持微信*/
    -webkit-box-flex:1;
    width: 76px;
    /**/
    flex:0 0 76px;
    -webkit-flex:0 0 76px;
}
header.index section:last-child{
    /*支持微信*/
    -webkit-box-flex:1;
    width: 160px;
    /**/
    flex:0 0 160px;
    -webkit-flex:0 0 160px;
}
header.index h4{
    font-size: 16px;
    font-weight: bolder;
    line-height: 24px;
}
header.index p{
    font-size: 14px;
    font-weight: lighter;
    line-height: 22px;
}

/*个人页*/
header.mycard{
    text-align: center;
}
header.mycard img{
    height: 75px;
    width: 75px;
    border-radius: 999px;
    margin-top: 18px;
    display: inline-block;
}
header.mycard p{
    line-height: 30px;
}
/*内容*/
section.list{
    width: 100vw;
    margin-top: 12px;
    color:#565558;
}
section.list ul{
    margin:0 18px;
    list-style: none;
    padding: 0;
}
section.list ul li{
    border-radius: 4px;
    -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 4px 0px;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 2px 4px 0px;
    background-color: #fff;
    margin:9px 0;
    /*支持微信*/
    display:-webkit-box;
    -webkit-box-align:center;
    -webkit-box-pack:center;
    /**/
    display: flex;
    display: -webkit-flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
}
section.list ul li div{
    /*支持微信*/
    -webkit-box-flex:1;
    /**/
    flex:auto;
    -webkit-flex:auto;
}
section.list ul li div img{
    width: 75px;
    display:block;
    margin: 5px 0 5px 10px;
}
section.list ul li.hongbao div:first-child{
    /*支持微信*/
    -webkit-box-flex:1;
    width: 95px;
    /**/
    flex:0 0 95px;
    -webkit-flex:0 0 95px;
}
section.list ul li div:last-child{
    /*支持微信*/
    -webkit-box-flex:1;
    width: 100px;
    /**/
    flex:0 0 100px;
    -webkit-flex:0 0 100px;
    text-align: right;
    margin-right: 10px;
    padding-right: 20px;
    color: #EA6373;
    font-size: 12px;
    background-image: url(http://yyy.bbtpictures.com/static/img/arrow.png);
    background-repeat: no-repeat;
    background-size:auto 50%;
    background-position: right;

}
section.list ul li div:last-child span{
    font-size: 24px;
}
section.list ul li.hongbao div:last-child{
    font-size: 12px;
    background-image: none;
    padding-right: 0;
    max-width: 80px;
}
section.list ul li.hongbao div:last-child button{
    font-size: 14px;
    font-weight: lighter;
    padding: 0 10px;
}
section.list ul li.hongbao div p:last-child{
    line-height: 16px;
}
section.list ul li.hongbao span{
    font-size: 24px;
    font-weight: bolder;
}
section.list ul li.brief {
    display:block;
}
section.list ul li.brief > div{
    /*支持微信*/
    display:-webkit-box;
    -webkit-box-align:center;
    -webkit-box-pack:center;
    /**/
    display: flex;
    display: -webkit-flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    padding: 10px;
}
section.list ul li.brief > div h5{
    font-size: 14px;
    /*支持微信*/
    -webkit-box-flex:1;
    /**/
    flex:auto;
    -webkit-flex:auto;
    padding: 0;
}
section.list ul li.brief > div p{
    /*支持微信*/
    -webkit-box-flex:1;
    /**/
    flex:auto;
    -webkit-flex:auto;
    font-size: 9px;
    text-align: right;
    padding: 0;
}
section.list ul li.brief > section{
    border-top: 1px solid #F2F2F6;
    padding: 10px;
    /*支持微信*/
    display:-webkit-box;
    -webkit-box-align:center;
    -webkit-box-pack:center;
    /**/
    display: flex;
    display: -webkit-flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
}
section.list ul li.brief section > div{
    /*支持微信*/
    -webkit-box-flex:1;
    /**/
    flex:auto;
    -webkit-flex:auto;
    margin: 0;
    padding: 0;
}
section.list ul li.brief section > div:first-child{
    max-width: 115px;
    height: 70px;
    overflow: hidden;
}
section.list ul li.brief section > div:last-child{
    background: none;
    text-align: left;
    padding: 10px;
    height: 50px;
    background-color: #F7F7F9;
    color: #4E4358;
    /*支持微信*/
    display:-webkit-box;
    -webkit-box-orient:vertical;
    /**/
    display: flex;
    display: -webkit-flex;
    flex-direction:column;
    -webkit-flex-direction:column;
    justify-content:space-between;
    -webkit-justify-content:space-between;
    line-height: 1em;
}
section.list ul li.brief section > div:last-child p span:first-child{
    color: #EA6373;
    font-weight: bold;
    font-size: 13px;
}
section.list ul li.brief section > div:last-child p span:last-child{
    float: right;
    font-weight: lighter;
    font-size: 13px;
}
section.list ul li.brief section div img{
    padding: 0;
    margin: 0;
    width: 115px;
    display: inline-block;
}
section.list ul li.brief section > img{
    width: 100%;
}
.brief_title{
    /*支持微信*/
    display:-webkit-box;
    -webkit-box-align:center;
    -webkit-box-pack:center;
    /**/
    display: flex;
    display: -webkit-flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    padding: 10px;
}
.brief_title h5{
    font-size: 14px;
    /*支持微信*/
    -webkit-box-flex:1;
    /**/
    flex:auto;
    -webkit-flex:auto;
    padding: 0;
}
.brief_title p{
    /*支持微信*/
    -webkit-box-flex:1;
    /**/
    flex:auto;
    -webkit-flex:auto;
    font-size: 9px;
    text-align: right;
    padding: 0;
}
.brief_content{
    text-align: center;
    padding: 5px 10px;
}
/*红包*/
section.hongbao {
    text-align: center;
    padding:30px 0 25px 0;
}
section.hongbao section img{
    height: 215px;
}
section.hongbao section.money{
    margin: 10px 0 20px 0;
}
section.hongbao section.money p:first-child{
    color: #EA6373;
}
section.hongbao section.money span{
    font-size: 26px;
    font-weight: bolder;
}
/*主页*/
section.index{
    width: 100vw;
    text-align: center;
    margin-top: 40px;
    color:#fff;
}
section.index .yyl_hand img{
    display: inline-block;
    height: 200px;
}
section.index .yyl_intro img{
    display: inline-block;
    width:99px;
    margin-bottom: 10px;
}
section.index .yyl_rule em{
    display: inline-block;
    height: 12px;
    width: 12px;
    border-radius: 9px;
    background-color: #fff;
    background-image:url(http://yyy.bbtpictures.com/static/img/arrow.png);
    background-repeat:no-repeat;
    background-size:50%;
    background-position: center;
}
/*中奖*/
.main{
    width: 100vw;
    position:absolute;
    top:76px;
    bottom: 0;
}
section.gift .gift_pic img{
    width: 100%;
}
section.gift .gift_intro{
    font-size: 13px;
    color: #4E4358;
    line-height: 16px;
    text-align: center;
    margin-top: 13px;
}
section.gift .gift_btn{
    padding: 24px;
    /*支持微信*/
    display:-webkit-box;
    -webkit-box-align:center;
    -webkit-box-pack:center;
    /**/
    display: flex;
    display: -webkit-flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
}
section.gift .gift_btn button{
    /*支持微信*/
    -webkit-box-flex:1;
    /**/
    flex:1 1 auto;
    -webkit-flex:1 1 auto;
    margin-left: 15px;
    padding-left: 10px;
    padding-right: 10px;
}
section.gift .gift_btn button:first-child{
    margin-left: 0;
}
section.gift .gift_btn div{
    /*支持微信*/
    -webkit-box-flex:1;
    /**/
    flex:1 1 auto;
    -webkit-flex:1 1 auto;
    line-height: 1.3em;
}
section.gift .gift_new_btn{
    padding: 0 24px 24px 24px;
    /*支持微信*/
    display:-webkit-box;
    -webkit-box-align:center;
    -webkit-box-pack:center;
    /**/
    display: flex;
    display: -webkit-flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
}
section.gift .gift_new_btn > div{
    /*支持微信*/
    -webkit-box-flex:1;
    width: 14px;
    /**/
    flex:0 0 14px;
    -webkit-flex:0 0 14px;
}
section.gift .gift_new_btn > div:first-child{
    /*支持微信*/
    -webkit-box-flex:1;
    /**/
    flex:1 1 auto;
    -webkit-flex:1 1 auto;
    line-height: 1.3em;
}
section.gift .gift_new_btn > div:last-child{
    /*支持微信*/
    -webkit-box-flex:1;
    /**/
    flex:1 1 auto;
    -webkit-flex:1 1 auto;
    line-height: 1.3em;
    text-align: right;
}
section.gift .gift_new_btn div button{
    width: 100%;
}
section.gift .gift_new_btn div p:first-child{
    font-size: 2em;
    color: #EB6877;
    font-weight: bolder;
}
section.gift .gift_new_btn div p:first-child span{
    font-size: 0.5em;
}

/*实物*/
section.gift .gift_personal_info{
    padding: 26px 26px 0 26px;
}
section.gift .gift_personal_info input, section.gift .gift_personal_info textarea{
    border: 1px solid #DFDFDF;
    background: #F6F6F6;
    border-radius: 5px;
    line-height: 36px;
    height: 36px;
    width: 100%;
    padding: 0 5px;
    margin: 0;
    font-size: 14px;
    display: block;
}
section.gift .gift_personal_info textarea{
    height: 72px;
    line-height: 1.4em;
}
section.gift .gift_personal_info p{
    /*支持微信*/
    display:-webkit-box;
    -webkit-box-align:center;
    -webkit-box-pack:center;
    /**/
    display: flex;
    display: -webkit-flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    padding: 5px 0;
}
section.gift .gift_personal_info p.captcha_box{

}
section.gift .gift_personal_info p.captcha_box input {
    /*width: 120px;*/
    margin-right: 9px;
    /*支持微信*/
    -webkit-box-flex:1;
    /**/
    flex:1 1 auto;
    -webkit-flex:1 1 auto;
}
section.gift .gift_personal_info p.captcha_box button{
    font-weight: lighter;
    padding: 0;
    line-height:36px;
    font-size: 13px;
    height: 36px;
    /*支持微信*/
    width: 120px;
    /**/
    flex:1 1 120px;
    -webkit-flex:1 1 120px;
}
section.gift .gift_agreement{
    text-align: center;
}
section.gift .gift_agreement em{
    display: inline-block;
    width: 13px;
    height: 13px;
    background-image: url(http://yyy.bbtpictures.com/static/img/select_checked.png);
    background-position: center;
    background-size:100%;
    background-repeat: no-repeat;
}
section.gift .gift_personal_info .gift_btn{
    padding: 10px 0 18px 0;
}
section.gift .gift_personal_info section:last-child{
    padding: 28px 0 18px 0;
}
section.gift .gift_personal_info section:last-child button{
    max-width: 100px;
    font-size: 14px;
}
/*活动规则*/
section.gift .gift_rule{
    padding: 0 15px;
}
/*超时*/
section.timeout{
    text-align: center;
}
section.timeout img{
    width: 95%;
}
/*描述*/
section.illustrate{
    margin-top: 10px;
    text-align: center;
    padding: 0 15px;
}
section.illustrate img{
    width: 100%;
}
section.illustrate p{
    line-height: 1.5em;
}
section.illustrate > section:last-child{
    /*支持微信*/
    display:-webkit-box;
    -webkit-box-align:center;
    -webkit-box-pack:center;
    /**/
    display: flex;
    display: -webkit-flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    margin-top: 32px;
}
section.illustrate > section:last-child button{
    width: 115px;
}
section.illustrate > section:last-child p{
    margin-left: 15px;
    /*支持微信*/
    -webkit-box-flex:1;
    /**/
    flex:1 1 auto;
    -webkit-flex:1 1 auto;
    text-align: left;
}
/*尾部*/
footer.white{
    text-align: center;
    position: fixed;
    bottom: 10px;
    width: 100vw;
    z-index: -1000;
}
footer.white img{
    width: 73px;
}

.remind{
    position: absolute;
    left:0;
    top:-5px;
    width: 100vw;
    border-radius: 5px;
    height: 55px;
    background-color: #fff;
    background-image: url(http://yyy.bbtpictures.com/static/img/right_top.png);
    background-position: right center;
    background-repeat: no-repeat;
    background-size: auto 70%;
}
.remind span{
    line-height: 40px;
    display: block;
    margin-top: 10px;
    /*float: left;*/
    font-size: 18px;
    color: #EB6877;
    text-align: center;
}
.remind img{
    height: 36px;
    width: auto;
    margin: 13px 8px 0 8px;
    float: left;
}



/*2016-09-26*/
section.profile-list{
    width: 100vw;
    margin-top: 12px;
    color:#565558;
}
section.profile-list ul{
    margin:0 0 0 18px;
    list-style: none;
    padding: 0;
}
section.profile-list ul li{
    border-radius: 4px;
    margin:9px 0;
    /*支持微信*/
    display:-webkit-box;
    -webkit-box-align:center;
    -webkit-box-pack:center;
    /**/
    display: flex;
    display: -webkit-flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
}
section.profile-list ul li div{
    /*支持微信*/
    -webkit-box-flex:1;
    /**/
    flex:auto;
    -webkit-flex:auto;
}

.gender-input{
    padding: 5px 0;
    font-size: 16px;
}
input.radio-type{
    width: inherit !important;
    height: inherit !important;
    display: inline-block !important;
}
h4.profile-h4{
    color: #4A4055;
}
h4.profile-h4 img{
    height: auto;
    width: 16px;
    padding: 0;
    display: inline-block;
    margin: 0 2px;
    border-radius:0;
}

section.list-hongbao{
    /*支持微信*/
    display:-webkit-box;
    -webkit-box-align:center;
    -webkit-box-pack:center;
    /**/
    display: flex;
    display: -webkit-flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    background: #fff;
}
section.list-hongbao > div{
    /*支持微信*/
    -webkit-box-flex:1;
    /**/
    flex:auto;
    -webkit-flex:auto;
}
section.list-hongbao > div span{
    font-size: 2em;
    font-weight: bold;
}
section.list-hongbao > div:first-child{
    max-width: 80px;
    width: 80px;
    overflow: hidden;
    padding-left: 16px;
}
section.list-hongbao img{
    width: 80px;
}
section.list-hongbao > div:last-child{
    text-align:right;
    width:100px;
    padding-right: 16px;
}

section.list-adv{
    margin: 10px 0;
    background: #fff;
}
section.list-adv img{
    width: 100%;
}
h5.list-title{
    font-size: 16px;
    font-weight: normal;
    padding-left: 16px;
}
section.gift_text{
    /*支持微信*/
    display:-webkit-box;
    -webkit-box-align:center;
    -webkit-box-pack:center;
    /**/
    display: flex;
    display: -webkit-flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    padding: 0 24px 10px 24px;
}
section.gift_text p:first-child{
    color: #E76A79;
    width: 30%;
}
section.gift_text p span{
    font-size: 2em;
    font-weight: bold;
}

section.gift_text p:last-child{
    text-align: right;
    width: 70%;
}
